<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="picasa.js"></script>
</head>
<body>

<!--<style>
	#picasaHeaderGallery {
		width: 100%;
	}
	#picasaPartialGallery {
		width: 100%;
	}
	.picasaGalleryItem {
		border: 1px solid silver;
		margin: 5px;
		padding: 2px;
		float: left;
	}
</style>-->

<style>
  #leftColumn {
    float: left;
    //background-color: red;
    padding: 5px;
    margin: 5px;
    border: 1px solid gray;
  }
  #rightColumn {
    float: left;
    padding: 5px;
    margin: 5px;
    background-color: lime;
  }
  
  #picasaHeaderGallery {
    
	}
	#selectedGallery {
	}
	.picasaGalleryItem {
    float: left;
	}
	#result {
	 height: 150px;
	 margin-top: 10px;
  }
</style>
        

<center>
  <div id="leftColumn">
    <div id="picasaHeaderGallery"></div>
  </div>
  
  <div id="rightColumn">
    <div id="selectedGallery"></div>
    <textarea id="result"></textarea>
  </div>
</center>

<script type="text/javascript">
  jQuery('#leftColumn').css( 'max-width', jQuery(window).width() / 2 - 50 );
  jQuery('#rightColumn').width( jQuery(window).width() / 2 - 50 );
  jQuery('#result').width( jQuery(window).width() / 2 - 50 );
</script>

</body>
</html>